﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MultiProblem.aspx.cs" Inherits="OnLineExam.Web.mag.MultiProblem" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
	<title></title>
	<link href="../../assets/easyui/1.5.4.4/themes/bootstrap/easyui.css" rel="stylesheet" />
	<link href="../../assets/easyui/1.5.4.4/themes/icon.css" rel="stylesheet" />

	<script src="../../assets/easyui/1.5.4.4/jquery.min.js"></script>
	<script src="../../assets/easyui/1.5.4.4/jquery.easyui.min.js"></script>
	<script src="../../assets/easyui/1.5.4.4/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript"><!--
	$(function () {


		$('#tt').datagrid({

			idField: 'ID',
			url: 'Handler/MultiProblemHandler.ashx?c=' + new Date().getMilliseconds() + '&type=getlist', //?startIndex=0&endIndex=20  /''+ index +'/'
				singleSelect: true,
			columns: [[
				{ field: 'ID', title: '序号', width: 80 },
				{ field: 'Title', title: '题目', width: 250 },

				{
					field: 'opt', title: '操作', width: 100, align: 'center',
					formatter: function (value, rec, index) {
						var e = '<a href="#" mce_href="#" onclick="edit(' + rec.ID + ')">编辑</a> ';
						var d = '<a href="#" mce_href="#" onclick="del(' + index + ')">删除</a> ';
						return e + d;
					}
				}
			]],
			toolbar: [{
				text: '增加', iconCls: 'icon-add', handler: function () {
					//window.location.href = 'StuAdd.aspx';
					$("#type").val("addsave");
					$("#hdID").val("");
					$("#txtTitle").val("");
					$("#txtA").val("");
					$("#txtB").val("");
					$("#txtC").val("");
					$("#txtD").val("");
					$("#txtE").val("");
					$("#txtF").val("");
					$("#txtG").val("");
					$("#txtAnswer").val("");
					$("#selectDep").attr("value",'<%=Umodel.DepID %>');
						$('#dd').dialog('open').dialog('setTitle', '添加多选题');
					}
				},
					{ text: '查找', iconCls: 'icon-search' }
				],
				pagination: true, rownumbers: true
			});
		})


		function view(bh)  //转到查看页面
		{
			window.location.href = 'StuView.aspx?id=' + bh + '&page=stu';

		}
		function edit(bh)  //转到编辑页面
		{
			$.ajax({
				type: "get",
				url: "Handler/MultiProblemHandler.ashx?type=edit&ID=" + bh,
				beforeSend: function (XMLHttpRequest) {
					//ShowLoading();
				},
				success: function (data, textStatus) {
					var obj = eval('(' + data.toString() + ')');

					$("#selectPaper").combobox("setValue", obj.PaperID);
				 
					$("#hdID").val(bh);
					$("#txtTitle").val(obj.Title);
					$("#txtA").val(obj.AnswerA);
					$("#txtB").val(obj.AnswerB);
					$("#txtC").val(obj.AnswerC);
					$("#txtD").val(obj.AnswerD);
					$("#txtE").val(obj.AnswerE);
					$("#txtF").val(obj.AnswerF);
					$("#txtG").val(obj.AnswerG);
					$("#txtAnswer").attr("value", obj.Answer);
					$("#type").val("editsave");
					$('#dd').dialog('open').dialog('setTitle', '编辑多选题--' + obj.Title);

				},
				complete: function (XMLHttpRequest, textStatus) {
					//HideLoading();
				},
				error: function () {
					//请求出错处理
				}
			});

			//window.location.href = 'StuEdit.aspx?id=' + bh;

		}


		function save() {
			if ($('#ff').form('validate')) {
				var postdata = {
					selectPaper: $("#selectPaper").combobox("getValue"),
					txtAnswer:$("#txtAnswer").val(),
					hdID: $('#hdID').val(),
					txtTitle: $('#txtTitle').val(),
					txtA: $('#txtA').val(),
					txtC: $('#txtC').val(),
					txtB: $('#txtB').val(),
					txtD: $('#txtD').val(),
					txtE: $('#txtE').val(),
					txtF: $('#txtF').val(),
					txtG: $('#txtG').val(),
					 type: $('#type').val()
                    
				};
				$.post( 'Handler/MultiProblemHandler.ashx?d=' + new Date().getMilliseconds(), postdata, function (rps) {
					$.messager.alert('操作结果', "执行成功，编号为：" + rps, 'info');
                        $('#dd').dialog('close');
                        $('#tt').datagrid('reload');

				});
			} 
		}

		function del(index) {  //删除操作
			$.messager.confirm('确认', '确认删除?', function (row) {
				if (row) {
					var selectedRow = $('#tt').datagrid('getSelected');  //获取选中行
					$.ajax({
						url: 'Handler/MultiProblemHandler.ashx?type=del&id=' + selectedRow.ID,
						//加了个type，作用是以后不管什么删除，都可以转到这个ashx中处理
						success: function () { $.messager.alert('操作结果', "删除成功，编号为：" + selectedRow.ID, 'info'); }
					});
					$('#tt').datagrid('deleteRow', index);
				}
			})
		}
		function onChange(newValue, oldValue) {

			$('#tt').datagrid({
				queryParams: {
					id: newValue
				}
			});
		}
		function onSelectAnswer(newValue, oldValue) {
			console.log(newValue);
			var answers = (newValue + "").split(',').sort();
			var re = "";
			for (var i = 0; i < answers.length; i++) {
				re += answers[i];
			}
			$('#txtAnswer').val(re);
		}
// --></script>
</head>
<body>
	<input id="papers" class="easyui-combobox" name="papers"
		data-options="valueField:'PaperID',textField:'PaperName',url:'Handler/PaperHandler.ashx?type=getlistForSelect',onChange:onChange">
	<table id="tt"></table>
	<div id="dd" class="easyui-dialog" style="height: 450px; width: 550px; padding: 10px 20px" closed="true" buttons="#dd-buttons">
		<form id="ff" method="post">
			<input id="hdID" name="hdID" type="hidden" />
			<input id="type" name="type" type="hidden" />
			<input id="hdDepID" name="hdDepID" type="hidden" value='<%=Umodel.DepID %>' />
			<table>
				<tr>
					<td>试卷：</td>
					<td><input id="selectPaper" class="easyui-combobox" name="selectPaper"
		data-options="valueField:'PaperID',textField:'PaperName',url:'Handler/PaperHandler.ashx?type=getlistForSelect'">
						 
						&nbsp;</td>
				</tr>
				<tr>
					<td>题目:</td>
					<td>
						<textarea id="txtTitle" name="txtTitle" cols="50" rows="3" class="easyui-validatebox" required="true"></textarea></td>
				</tr>
				<tr>
					<td>A:</td>
					<td>
						<textarea id="txtA" name="txtA" cols="50" rows="3" class="easyui-validatebox" required="true"></textarea></td>
				</tr>
				<tr>
					<td>B:</td>
					<td>
						<textarea id="txtB" name="txtB" cols="50" rows="3" class="easyui-validatebox" required="true"></textarea></td>
				</tr>
				<tr>
					<td>C:</td>
					<td>
						<textarea id="txtC" name="txtC" cols="50" rows="3" class="easyui-validatebox" required="true"></textarea></td>
				</tr>
				<tr>
					<td>D:</td>
					<td>
						<textarea id="txtD" name="txtD" cols="50" rows="3" class="easyui-validatebox" required="true"></textarea></td>
				</tr>
				<tr>
					<td>E:</td>
					<td>
						<textarea id="txtE" name="txtE" cols="50" rows="3"></textarea></td>
				</tr>
				<tr>
					<td>F:</td>
					<td>
						<textarea id="txtF" name="txtF" cols="50" rows="3"></textarea></td>
				</tr>
				<tr>
					<td>G:</td>
					<td>
						<textarea id="txtG" name="txtG" cols="50" rows="3"></textarea></td>
				</tr>
				<tr>
					<td>答案:</td>
					<td> 
						<input id="txtAnswer" name="txtAnswer" type="text" class="easyui-validatebox" required="true" readonly="readonly"/>
						<select id="selectAnswer" name="selectAnswer" class="easyui-combobox" required="true" style="width:200px;" 
						data-options="required:true, multiple:true,editable:false,onChange:onSelectAnswer">
					 
                            <option></option>
                            <option value="A">A</option>
                            <option value="B">B</option>
                            <option value="C">C</option>
                            <option value="D">D</option>
						 <option value="E">E</option>
                            <option value="F">F</option>
                            <option value="G">G</option>
                        </select>
						
						 </td>
				</tr>
			</table>
		</form>
	</div>
	<div id="dd-buttons">
		<a href="#" class="easyui-linkbutton" iconcls="icon-ok" onclick="save()">保存</a>

		<a href="#" class="easyui-linkbutton" iconcls="icon-cancel" onclick="javascript:$('#dd').dialog('close')">取消</a>

	</div>


</body>
</html>
